// 女装 男装 背景色 及二级导航
$('.F-nvZ_div').mouseover(function () {
    // console.log(111);
    $(this).addClass('active')
    // $(this).children('.F-nvZ_div_erji_1').addClass('active1');
    $(this).children('.F-nvZ_div_erji_1').css('display', 'block');
})
$('.F-nvZ_div').mouseout(function () {
    // console.log(222);
    $(this).removeClass('active')
    // $(this).children('.F-nvZ_div_erji_1').removeClass('active1');
    $(this).children('.F-nvZ_div_erji_1').css('display', 'none');
})
$('.F-nvZ_div_erji_1 a').hover(function () {
    $(this).css('color', 'red');
}, function () {
    $(this).css('color', '');
})

// console.log($('.F-nvZ_div_erji_1 a'));



$('.F-c-1-right > a').mouseover(function () {
    // console.log('111');
    $(this).css('border', '1px solid red').siblings().css('border', '')
    $(this).css('color', 'red').siblings().css('color', 'black')
    console.log($(this).children());
})
$('.F-c-1-right1 > a').mouseover(function () {
    // console.log('111');
    $(this).css('border', '1px solid red').siblings().css('border', '')
    $(this).css('color', 'red').siblings().css('color', 'black')
    console.log($(this).children());
})
$('.F-tiaoLounv-zhong-img-a').hover(function () {
    $(this).children('a').css('color', 'red')
}, function () {
    $(this).children('a').css('color', '')
})

$('.F-a').hover(function () {
    // console.log('111');
    $(this).children('a').css('color', 'red')
}, function () {
    $(this).children('a').css('color', '')
})



$(".F-jine").hover(function () {
    // console.log("1111");
    $(this).css('backgroundColor', '#FC5F8D')
    $(this).children('a').css('color', '#fff')
}, function () {
    // console.log(1222);
    $(this).css('backgroundColor', '')
    $(this).children('a').css('color', '')
});






// 轮播图




// console.log(righto);



var righto = $('.F-dibu').children('.F-dibu-ul');
$(".F-dibu-zuoAnniu").click(function () {
    righto.animate({ "left": "+=1200px" }, "slow");
    if (righto.position().left > 0) {
        console.log(11111111);
        righto.prop('disabled', true)
    }
});
$(".F-dibu-youAnniu").click(function () {
    var righto = $('.F-dibu').children('.F-dibu-ul');
    righto.animate({ "left": "-=1200px" }, "slow");
});






// // 轮播按钮
$('#onl').mouseover(function () {
    $(this).css('width', '20px').stop().siblings().css('width', '8px')
    righto.animate({ "left": "0px" }, "slow");
    // console.log('111');  
})
$('#on2').mouseover(function () {
    $(this).css('width', '20px').stop().siblings().css('width', '8px')
    righto.animate({ "left": "-1200px" }, "slow");
    // console.log('333');  

})
$('#on3').mouseover(function () {
    $(this).css('width', '20px').stop().siblings().css('width', '8px')
    righto.animate({ "left": "-2400px" }, "slow");
    // console.log('555');  

})



// ----------------跳楼-------------

// 获取元素
var xsqg = document.querySelector('.F-cc')
var main1 = document.querySelector('.F-c-1');
var sideBar = document.querySelector('.F-tiaolou');
var items = document.querySelectorAll('.item');
var floors = document.querySelectorAll('.floor');
// 绑定scroll事件
function currentStyle(ele) {
    for (var i = 0; i < ele.length; i++) {
        ele[i].style.backgroundColor = "#ccc";
        ele[i].style.color = "#fff";
        ele[i].click(function () {

        })
    };
};

window.onscroll = function () {
    // 1.出现
    if (window.pageYOffset >= xsqg.offsetTop) {
        sideBar.style.display = "block";
    } else {
        sideBar.style.display = "none";
    };
    // 设置具体的侧边栏的样式
    for (var i = 0; i < floors.length; i++) {
        if (window.pageYOffset >= floors[i].offsetTop) {
            // 排他
            currentStyle(items);
            items[i].style.backgroundColor = '#FC5F8D';
        };
    };

};

// $('.item').map(function (index, value) {
//         $(this).click(function () {  
//         var str = $('.mmm').eq(index).offset().top;
//         $('html').animate({
//             scrollTop: str
//         }, 500);
//     });
// });

















// 回到顶部
$(function () {
    $("#toTop").hide();//一开始隐藏掉div

    $(window).scroll(function () {
        //console.log("scollTop：", $(this).scrollTop());//这个 this-->window  滚动条距离顶部的距离
        //console.log("height：", $(this).height());//窗口可视高度
        // if ($(window).scrollTop() > 50) {//判断条件1：设置如果滚动条距离顶部大于50px时，#toTop出现
        if ($(this).scrollTop() >= $(this).height()) {//判断条件2：如果滚动条滚动的实际高度>=窗口可视高度，则#toTop出现
            $("#toTop").fadeIn(500);//淡入，设置渐变时间持续0.5秒
        } else {
            $("#toTop").fadeOut(500);//淡出
        }
    })

    // 点击div，返回顶部
    $("#toTop").click(function () {
        // $(window).scrollTop(0);//直接这样没有滚动效果
        // 采用动画的形式，让整个文档网上滑动
        $("body,html").animate({
            //html是最外层标签，可以代表整个页面；body 是它二级标签，可以用它代表页面的文档部分
            // "body,html"都写上，兼容多浏览器
            scrollTop: 0
        }, 500);//500是滚动到顶部所需要的时间0.5秒
    })
})
